<template>
  <n-config-provider :theme-overrides="themeOverrides">
    <router-view></router-view>
  </n-config-provider>
</template>

<script setup>
import { NConfigProvider } from 'naive-ui'

/**
 * js 文件下使用这个做类型提示
 * @type import('naive-ui').GlobalThemeOverrides
 */
const themeOverrides = {
  common: {
    primaryColor: '#085ffa',
    primaryColorHover: '#085ffa',
    primaryColorPressed: '#085ffa'
  }
}
</script>

<style lang="scss">
@font-face {
  font-family: 'Regular';
  src: url('@/assets/font/pf.ttf');
  font-style: normal;
}

body {
  font-family: 'Regular';
}

/* 隐藏滚动条的上下箭头 */
::-webkit-scrollbar-button {
  display: none;
  /* 完全隐藏上下箭头 */
}

/* 滚动条整体样式 */
::-webkit-scrollbar {
  width: 8px;
  /* 垂直滚动条宽度 */
  height: 8px;
  /* 水平滚动条高度 */
}

/* 滚动条轨道样式 */
::-webkit-scrollbar-track {
  background: #f5f5f5;
  /* 轨道背景颜色 */
  border-radius: 10px;
  /* 轨道圆角 */
}

/* 滚动条滑块样式 */
::-webkit-scrollbar-thumb {
  background: #085ffa;
  /* 滑块颜色 */
  border-radius: 10px;
  /* 滑块圆角 */
  border: 2px solid transparent;
  /* 可选：为滑块添加边框效果 */
  background-clip: content-box;
  /* 确保边框不会影响滑块大小 */
}

/* 鼠标悬停时的滑块样式 */
::-webkit-scrollbar-thumb:hover {
  background: #085ffa;
  cursor: pointer;
  /* 悬停时滑块颜色 */
}
</style>